<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design by UFPR - CCE - DSI  
http://cce.ufpr.br
Released for free under a Creative Commons Attribution 2.5 License

Name       : Intranet
Description: A tree-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20100302

	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
-->
<html 	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<h:outputStylesheet library="css" name="style_decorator.css" />
<h:outputStylesheet library="css" name="styleFormList.css" />
<link href="css/style.css" rel="stylesheet" type="text/css"  media="screen" />
<link href="css/projeto.css" rel="stylesheet" type="text/css"  media="screen" />

<h:outputScript library="javascript" name="prototype.js" target="body" />
<h:outputScript library="javascript" name="jquery-1.4.2.min.js" target="body" />
<h:outputScript library="javascript" name="jquery.maskedinput-1.2.2.js" target="body" />
<h:outputScript library="javascript" name="jquery.maskMoney-0.2.js" target="body" />

<script type="text/javascript">
	jQuery(function($){
	   $(".data").mask("99/99/9999");
	   $(".telefone").mask("(99) 9999-9999");
	   $(".tin").mask("99-9999999");
	   $(".ssn").mask("999-99-9999");
	   $(".CPF").mask("999.999.999-99");
	   $(".CNPJ").mask("99.999.999/9999-99");
	   $(".IE_AC").mask("99.999.999/999-99");
	   $(".IE_AL").mask("999999999");
	   $(".IE_AP").mask("999999999");
	   $(".IE_AM").mask("99.999.999-9");
	   $(".IE_BA").mask("999999-99");
	   $(".IE_CE").mask("99999999-9");
	   $(".IE_DF").mask("99999999999-99");
	   $(".IE_ES").mask("999999999");
	   $(".IE_GO").mask("99.999.999-9");
	   $(".IE_MA").mask("999999999");
	   $(".IE_MT").mask("9999999999-9");
	   $(".IE_MS").mask("999999999");
	   $(".IE_MG").mask("999.999.999/9999");
	   $(".IE_PA").mask("99-999999-9");
	   $(".IE_PB").mask("99999999-9");
	   $(".IE_PR").mask("99999999-99");
	   $(".IE_PE").mask("99.9.999.9999999-9");
	   $(".IE_PI").mask("999999999");
	   $(".IE_RJ").mask("99.999.99-9");
	   $(".IE_RN").mask("99.999.999-9");
	   $(".IE_RS").mask("999/9999999");
	   $(".IE_RO").mask("999.99999-9");
	   $(".IE_RR").mask("99999999-9");
	   $(".IE_SC").mask("999.999.999");
	   $(".IE_SP").mask("999.999.999.999");
	   $(".IE_SE").mask("999999999-9");
	   $(".IE_TO").mask("99999999999");
	});

	jQuery(function($){
		$(".currency").maskMoney();
		$(".real").maskMoney({symbol:"R$", decimal:","});
		$(".precision").maskMoney({precision:3})
	})
	function removeMask(){
		$(".currency").unmaskMoney();
		$(".real").unmaskMoney();
	}
</script>

	<!-- JQUERY + CSS THICKBOX(MODAL) -->
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/javascript/jquery-tickbox/thickbox-compressed.js"></script>
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/css/thickbox.css" type="text/css" media="screen" />
	<!-- FIM TICKBOX -->
	
	<!-- JQUERY + CSS de MENU ACCORDION  -->
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/css/menuAccordion.css" />
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/javascript/jquery-accordion/lib/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/javascript/jquery-accordion/lib/jquery.easing.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/javascript/jquery-accordion/lib/jquery.dimensions.js"></script>
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/javascript/jquery-accordion/jquery.accordion.js"></script>
	<!-- FIM MENU ACCORDION -->

	<!-- JQUERY + SIMPLEMODAL -->
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/javascript/jquery-simplemodal/confirm.css" />
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/javascript/jquery-simplemodal/jquery.simplemodal.js"></script>
	<!-- FIM JQUERY + SIMPLEMODAL -->
	
	<!-- SCRIPT PARA MENU ACCORDION -->		
	<script type="text/javascript">
		jQuery().ready(function(){
			// second simple accordion with special markup
			jQuery('#navigation').accordion({
			    active: false,
				header: '.head',
				navigation: true,
				/*event: 'mouseover',*/
				fillSpace: false,
				/*animated: 'easeslide'*/
				animated: "bounceslide"
			});
		});
	</script>
	<!--  FIM SCRIPT PARA MENU ACCORDION -->		
	
<!-- SCRIPT PARA CAIXA DE CONFIRMAÇÃO DE EXCLUSÃO -->
<script type="text/javascript">
    function confirm(message, callback) {
        $('#confirm').modal({
	        close:false, 
	        overlayId:'confirmModalOverlay',
	        containerId:'confirmModalContainer', 
	        onShow: function (dialog) {
		    dialog.data.find('.message').append(message);
				// if the user clicks "yes"
		        dialog.data.find('.yes').click(function () {
			        // call the callback
			        if(typeof callback == 'string') {
						window.location.href = callback;
					} else {
					  	callback();
					}
			        // close the dialog
			        $.modal.close();
		        });
	        }
        });
     }
     
     $(document).ready(function() {
     		$(this).find(".deleteLink").click(function(e) {
                e.preventDefault();
                var msg = $(this).attr("title");
                confirm("Deseja realmente excluir" + msg + "?", this.href );
            });
	  });
                            
</script>
<!-- FIM SCRIPT PARA CAIXA DE CONFIRMAÇÃO DE EXCLUSÃO -->	

	<h:outputScript name="jsf.js" library="javax.faces" target="head" />

	<title><ui:insert name="titulo" /></title>
</h:head>
<h:body>

<div id="banner">
		<ui:insert name="banner">
			<ui:include src="/templates/communication/banner.xhtml" />
		</ui:insert>
	
		<div id="bannerright"></div>
		<div id="bannerleft"></div>
	</div>
	<!-- end #banner -->

<div id="container">
	<div id="container2">
		<div id="nav">
			<div id="menuheader"></div>
			<div id="menubody">
			
				<ui:insert name="menu">
					<ui:include src="/templates/communication/menu/menu.xhtml" />
				</ui:insert>
				<!-- end #menubody -->
			</div>
			
			<div id="menuright"></div>
			<div id="menufooter"></div>
		</div>
		<!-- fim nav -->
		<div id="more">
			<ul>
				<li><a href="index.faces">Principal</a></li>
				<li>Sair</li>
				<li>Link</li>
			</ul>			

		</div> <!-- more -->
		<div id="content">
	
			<!-- Código de leiaute antes dos alertas do sistema -->
			<div id="alertas">
				<ui:insert name="alertas">
					Alertas não especificado...
				</ui:insert>
			</div>
			<!-- Código de leiaute depois dos alertas do sistema -->
			
			<!-- Código de leiaute antes do conteúdo principal da página -->
			<ui:insert name="conteudo">
				Conteúdo não especificado...
			</ui:insert>
			<!-- Código de leiaute depois do conteúdo principal da página -->
			<div style="clear: both;">&nbsp;</div>
			
			<!-- Código de leiaute antes das mensagens do sistema -->
			<div id="mensagens">
				<ui:insert name="mensagens">
					Mensagens não especificado...
				</ui:insert>
			</div>
			<!-- Código de leiaute depois das mensagens do sistema -->
			
		</div> <!-- fim content -->
		<div id="cleardiv">
			<div id="rodapeesquerdo"></div>
			
			<div id="rodapedireito"></div>
		</div>
	
	</div>
</div>

<div id="footer">
	<ui:insert name="footer">
			<ui:include src="footer.xhtml" />
	</ui:insert>
</div>

<!-- CONTAINER USADO PARA EXIBIR CAIXA DE MENSAGEM DE CONFIRMAÇÃO DE EXCLUSÃO -->
<div id='confirm' style='display:none'>
	<a href='#' title='Fechar' class='modalCloseX modalClose'>x</a>
	<div class='header'><span>Confirmação de exclusão</span></div>
	<p class='message'></p>
	<div class='buttons'>
	<div class='no modalClose'>Não</div><div class='yes'>Sim</div>
</div>
<!-- FIM CONTAINER DE CONFIRMAÇÃO DE EXCLUSÃO -->
</div>

</h:body>
</html>